<div class="center">
    <ul>
        <li class="nav-item dropdown l open">
            <a class="nav-link dropdown-toggle d-none d-lg-block" data-bs-toggle="toggle" href="#" style="color: white;">计算机</a>
            <ul class="dropdown-menu titlemenu">
                <li><a class="dropdown-item" href="../计算机大类/web前端开发.html">Web前端开发</a></li>
                <li><a class="dropdown-item" href="../计算机大类/C语言程序设计.html">C语言程序设计</a></li>
                <li><a class="dropdown-item" href="../计算机大类/python.html">计算机算法与程序设计（python）</a></li>
                <li><a class="dropdown-item" href="../计算机大类/程序设计基础.html">程序设计基础</a></li>
            </ul>
        </li>
        <li class="nav-item dropdown l">
            <a class="nav-link dropdown-toggle d-none d-lg-block" data-bs-toggle="toggle" href="#" style="color: white;">语言学</a>
            <ul class="dropdown-menu titlemenu">
                <li><a class="dropdown-item" href="../教育大类/听说读写.html">听说读写</a></li>
                <li><a class="dropdown-item" href="../教育大类/跨文化交际.html">跨文化交际</a></li>
                <li><a class="dropdown-item" href="../教育大类/文学与语言学.html">文学与语言学</a></li>
                <li><a class="dropdown-item" href="../教育大类/综合语种.html">综合语种</a></li>
            </ul>
        </li>
        <li class="nav-item dropdown l">
            <a class="nav-link dropdown-toggle d-none d-lg-block" data-bs-toggle="toggle" href="#" style="color: white;">艺术学</a>
            <ul class="dropdown-menu titlemenu">
                <li><a class="dropdown-item" href="../艺术大类/艺术设计鉴赏.html">艺术设计鉴赏</a></li>
                <li><a class="dropdown-item" href="../艺术大类/影视艺术欣赏.html">影视艺术欣赏</a></li>
                <li><a class="dropdown-item" href="../艺术大类/摄影艺术创作.html">摄影艺术创作</a></li>
                <li><a class="dropdown-item" href="../艺术大类/唐诗艺术.html">唐诗艺术</a></li>
            </ul>
        </li>
    </ul>
</div>

<footer>
    <div class="row">
        <div class="col-lg-6 works">
            <a href="https://gitee.com/hxxyyyyyy/shuzihuachengzhangkongjian" class="w-work" target="_blank">
                <small class="myfooterrow">
                    我们的代码仓库
                </small>
            </a>
        </div>

        <div class="col-lg-2 t col-md-4">
            <h5 class="textColor">常见问题</h5>
            <ul class="list-unstyled">
                <li><a href="#" class="Atext">游玩问题</a></li>
                <li><a href="#" class="Atext">服务态度</a></li>
                <li><a href="#" class="Atext">详细咨询</a></li>
            </ul>
        </div>
        <div class="col-lg-2 t col-md-4">
            <h5 class="textColor">联系我们</h5>
            <ul class="list-unstyled">
                <li><a href="#" class="Btext">传真：400-6666-888</a></li>
                <li><a href="#" class="Btext">电话：400-6666-888</a></li>
                <li><a href="#" class="Btext">邮箱：facai@haoyun.com</a></li>
            </ul>
        </div>
        <div class="col-lg-2 t col-md-4">
            <h5 class="textColor">关于我们</h5>
            <ul class="list-unstyled">
                <li><a href="#" class="Ctext">
                    佛山市顺德区大良街道
                    顺德职业技术学院4栋
                </a></li>
                <li><a href="#" class="Ctext">站点简介</a></li>
                <li><a href="#" class="Ctext">站点地图</a></li>
            </ul>
        </div>
        <p class="copy">&copy;顺职第9组</p>

    </div>

</footer>

<!-- css -->
/* 代码仓库修饰 */
.w-work{
    display: inline-block;
    margin:0 auto;
}
.myfooterrow{
        display: block;
        width: 300px;
        height: 60px;
        line-height: 60px;
        text-align: left !important;
        padding-left: 13px;
        max-height: 80px;
        overflow: hidden;
        color: rgb(66, 126, 237);
        color: #198754;
        text-align: center;
        cursor: pointer;
        border-radius: 40px;
        /* box-shadow: 0px 0px 5px  rgb(105, 188, 251); */
        box-shadow: 1px 0px 1px 1px skyblue;
        opacity: .7;
        transition: .5s;
        margin: 10px;
        background: url(../image/footer-img.png) no-repeat;
        background-size: cover;
        background-position-x: 94px;
        background-position-y: -110px;
}
.myfooterrow:hover{
    opacity: .9;
    box-shadow: 3px 0px 5px  rgb(105, 188, 251);

}
.mgb-10{
    margin-bottom: 30px;
}
.textColor{
    display: block;
    margin-bottom: 20px;
    /* font-size: 35px; */
    background-image: -webkit-linear-gradient(top, #f0d17d,#65b2e9ca,#27e1a9);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.Atext{
    color:rgb(141, 195, 228) !important;
}
.Btext{
    color:rgb(132 192 206) !important;
}
.Ctext{
    color:rgb(225 159 210) !important;
    
}
.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px;
    border: 1px solid #999;
    border-radius: 5px;
    background-color: #f1f1f1;
    color: #333;
    font-size: 16px;
    width: 200px;
}
.copy{
    width: 80%;
    height: 20%;
    text-align: center;
    margin: auto;
    font-size: 24px;
    line-height: 120px;
    color: #198754;
}
.titlemenu{
    z-index: 999;
}
.center .dropdown-menu {
    width: 100%;
    position: absolute; /* 或者 relative，取决于您的布局 */
    z-index: 1000; /* 确保下拉菜单的z-index高于其他元素 */
    /* display: block; */
    background-color: white;
    transition: .3s;
    display: none; /* 默认隐藏下拉菜单 */

  }
  .center .titlemenu{
        width: 100%;
  }
  .center .titlemenu li{
    width: 100%;
  }
  .center .nav-item:hover .dropdown-menu {
    display: block; /* 鼠标经过`<a>`标签时显示下拉菜单 */
  }